<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link rel="shortcut icon" href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/img/logo.png"/>
	<title>足迹</title>
	<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/frame/mui/js/mui.min.js"></script>
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/frame/mui/css/mui.min.css" rel="stylesheet" />
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/css/other/all.css" rel="stylesheet" />
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/css/other/app.css?v" rel="stylesheet" />
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/css/dropload.css" rel="stylesheet" />
</head>
	<style type="text/css">
		.concern-con .p_addtime{position: absolute;bottom: 10px;right: 10px;font-size: 12px;color: #9c9c9c}
	</style>
<body>
<div class="record">
	<ul class="concern-con">
		{{range .info}}
	    <li>
			<a href="/mobile/column/product_content?id={{.pid}}">
				<span class="p-img">
					<img src="{{.pathname}}" alt="">
				</span>
				<span class="p-name">{{.title}}</span>
				<span class="p-price">&yen;{{if .vprice}}{{.vprice}}{{else}}{{.price}}{{end}}</span>
				<span class="p_addtime">{{.addtime}}</span>
			</a>
		</li>
		{{end}}
	 </ul>
</div>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/js/zepto.min.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/js/dropload.min.js"></script>
{{template "wechat/public/share.html" .}}
<script>
var page=2
$('.element').dropload({
    scrollArea : window,
    threshold: 2,
    loadDownFn : function(me){
        $.ajax({
            type: 'GET',
            url: window.location.href,
            dataType: 'json',
            data:{page:page},
            success: function(res){
               page+=1
              if(res){
                 for (var i=0;i<res.length;i++){
                    var li = document.createElement('li');
 					var	html=`<a href="/mobile/column/product_content?id=`+res[i].pid+`">
								<span class="p-img">
									<img src="`+res[i].pathname+`" alt="">
								</span>
								<span class="p-name">`+res[i].title+`</span>
								<span class="p-price">&yen;`
								if(res[i].vprice){
									html+=res[i].vprice
								}else{
									html+=res[i].price
								}
								html+=`</span> <span class="p_addtime">`+res[i].addtime+`</span> </a>`
                    li.innerHTML=html
                    document.getElementsByClassName('concern-con')[0].appendChild(li)
                }
                me.resetload();
                }else{
                    mui.toast("没有更多了！");
                    $(".dropload-down").remove();
                }
            },
            error: function(xhr, type){
                mui.toast("网络慢，请重新刷新!");
                me.resetload();
            }
        });
    }
});
</script>
<div class="mt-statistics">统计代码</div>
</body>
</html>
